<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">
    <f:view contentType="text/html">
        <h:head>
            <f:facet name="first">
                <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
                <title>Ensambla car</title>
            </f:facet>
            <h:outputStylesheet library="css" name="ensamblaCar.css"  />
        </h:head>
    <h:body>
        <h:form id="formEspecificacionTecnica">
            <p:dataTable value="#{generarEspecificacionTecnicaMB.modelos}" var="modelos">
                 
                <p:column width="15%">
                     <f:facet name="header">  
                        Año  
                    </f:facet> 
                    <h:outputText value="#{modelos.ano}"/>
                </p:column>
                <p:column width="45%">
                    <f:facet name="header">  
                        Nombre  
                    </f:facet>
                    <h:outputText value="#{modelos.nombre}"/>
                </p:column>
                <p:column width="20%">
                    <f:facet name="header">  
                        Número <br /> modelo
                    </f:facet>
                    <h:outputText value="#{modelos.numeroModelo}"/>
                </p:column>
                <p:column width="20%">
                    <f:facet name="header">  
                        Buscar Versión
                    </f:facet>
                    <p:commandLink update=":formEspecificacionTecnica:tablaVersion" value="Buscar versión" action="#{generarEspecificacionTecnicaMB.buscarVersion(modelos.versiones)}"/>
                </p:column>
            </p:dataTable>
            <br></br><br></br>
            <p:dataTable id="tablaVersion" value="#{generarEspecificacionTecnicaMB.listaVersionBuscar}" var="version">
                 
                <p:column width="10%">
                     <f:facet name="header">  
                        Caja <br />Velocidad
                    </f:facet>
                    <h:outputText value="#{version.cajaVelocidad}"/>
                </p:column>
                <p:column width="30%">
                    <f:facet name="header">  
                        Nombre <br /> Versión
                    </f:facet>
                    <h:outputText value="#{version.nombreVersion}"/>
                </p:column>
                <p:column width="10%">
                    <f:facet name="header">  
                        Número <br /> puertas
                    </f:facet>
                    <h:outputText value="#{version.numPuertas}"/>
                </p:column>
                <p:column width="10%">
                    <f:facet name="header">  
                        Número <br /> versión
                    </f:facet>
                    <h:outputText value="#{version.numVersion}"/>
                </p:column>
                <p:column width="20%">
                    <f:facet name="header">  
                        Nombre <br /> Modelo
                    </f:facet>
                    <h:outputText value="#{version.modelo.nombre}"/>
                </p:column>
                <p:column width="20%">
                    <f:facet name="header">  
                        Buscar<br /> piezas
                    </f:facet>
                     <p:commandLink update=":formEspecificacionTecnica:multiPieza" value="Buscar Piezas" action="#{generarEspecificacionTecnicaMB.buscarPiezas(version)}"/>
                </p:column>
            </p:dataTable>
           <br></br><br></br>
            
           
      <p:dataTable id="multiPieza" var="pieza" value="#{generarEspecificacionTecnicaMB.piezas}" paginator="true" rows="10"  
                 selection="#{generarEspecificacionTecnicaMB.selectedPieza}"
                 editable="true" editMode="cell">  
  
        <f:facet name="header">  
            Piezas
        </f:facet>  
       
                <p:column width="35%">
                     <f:facet name="header">  
                        Nombre <br />Pieza
                    </f:facet>
                    <h:outputText value="#{pieza.nombrePieza}"/>
                </p:column>
                <p:column width="35%">
                    <f:facet name="header">  
                        Descripción
                    </f:facet>
                    <h:outputText value="#{pieza.descripcion}"/>
                </p:column>
                <p:column width="10%">
                    <f:facet name="header">  
                        Número <br /> bodega
                    </f:facet>
                    <h:outputText value="#{pieza.numBodega}"/>
                </p:column>
                <p:column width="10%">
                    <f:facet name="header">  
                        Número <br /> Pieza
                    </f:facet>
                    <h:outputText value="#{pieza.numPieza}"/>
                </p:column>
            <p:column width="10%">
                <f:facet name="header">  
                        Cantidad <br /> piezas
                    </f:facet>
                <p:cellEditor>
                    <f:facet name="output"><h:outputText value="#{pieza.cantidad}" /></f:facet>  
                    <f:facet name="input"><p:inputText id="modelInput" value="#{pieza.cantidad}" style="width:96%"/></f:facet>  
               </p:cellEditor>  
            </p:column>
            </p:dataTable> 
           <h:commandButton value="Generar especificación" action="#{generarEspecificacionTecnicaMB.generarEspecificacion}"/>
        </h:form>
    </h:body>
        
    </f:view>
</html>

